<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学习css3</title>
		<style>
			/* 引入样式表写法   缺陷：先html 后css*/
			@import url(CSS/学习CSS3.css);
			/* 项目专用：外部样式表 找到外部的css */
					
		
			/* 需求5个p添加背景颜色 */
			p{
				background-color: aqua;
			}
		</style>
		<l ink rel="stylesheet" href="CSS/学习CSS3.css" />
	</head>
	<body>
		<!-- 文本元素群 -->
		<span>今天</span>是周四，<span>明天</span>是周五，<span>后天</span>放假
		<!--一.什么是css
		  Cascading Style Sheets 层叠样式表 级联样式表 简单样式表
		  【主要作用：效果 布局】
		  使用：HTML5+CSS3 构建网页
		  HTML5结构层   元素  属性与属性值  功能：效果
			问题：只针对单个元素
			二.使用CSS样式表
			1.内联【级联】样式表
【练习专用】2.内部样式表 在head元素中，添加style元素，编写css语法
			3.外部样式表 在head元素中，添加link外链元素，编写css语法
			4.引入样式表
			 任意元素的前标记上添加style="css属性
			 三.css基础语法 在head元素中，添加style元素，添加@import url();
			 选择器：抓取页面的元素
			 选择器{
				 属性：属性值；
				 属性：属性值；
			 }属性：属性值；抓到元素的效果与布局
			 效果与布局：边框 颜色 文本字体 盒模型 浮动 动画-->
			 
		  <p align="center">lorem</p>
		  <p align="center">lorem</p>
		  <!-- 1.内联样式表 style="css属性："-->
		  <p style="text-align: center;color: red;">lorem</p>
		  <p align="center">lorem</p>
		  <p align="center">lorem</p>
	</body>
</html>